// 路由模块

import VueRouter from "vue-router";
import HomeContainer from "./components/tabbars/HomeContainer.vue";
import MemberContainer from "./components/tabbars/MemberContainer.vue";
import ShopcarContainer from "./components/tabbars/ShopcarContainer.vue";
import SearchContainer from "./components/tabbars/SearchContainer.vue";
import NewsList from "./components/news/NewsList.vue";
import NewsInfo from "./components/news/NewsInfo.vue";
import PhotoList from "./components/Photos/PhotoList.vue";
import PhotoInfo from "./components/Photos/PhotoInfo.vue";
import GoodsList from "./components/goods/GoodsList.vue";
import GoodsInfo from "./components/goods/GoodsInfo.vue";
import GoodsDesc from "./components/goods/GoodsDesc.vue";
import GoodsComment from "./components/goods/GoodsComment.vue";

const router=new VueRouter({
    routes:[
        {path:'/', redirect:'/home'},
        {path:'/home',component:HomeContainer},
        {path:'/member',component:MemberContainer},
        {path:'/shopcar',component:ShopcarContainer},
        {path:'/search',component:SearchContainer},
        // newslist是从home组件中加入的，所以要将home也加在路径上，否则进入新闻列表之后，首页的图标不会高亮
        {path:'/home/newslist',component:NewsList},
        {path:'/home/newsinfo/:id',component:NewsInfo, props:true},
        {path:'/home/photolist',component:PhotoList},
        {path:'/home/photoinfo/:id',component:PhotoInfo,props:true},
        {path:'/home/goodslist',component:GoodsList},
        {path:'/home/goodsinfo/:id',component:GoodsInfo,props:true},
        {path: '/home/goodsdesc/:id', component: GoodsDesc, props: true},
        // router.push({ name: 'user', params: { userId: 123 }})
        {path: '/home/goodscmt/:id', component: GoodsComment, props: true, name: 'goodscmt'}
    ],
    linkActiveClass: 'mui-active' // 手动设置 被激活的 路由链接的高亮类名
});

export default router;